$(() => {

    const arr = {
        page: '1',
        perpage: '10'
    }
    getList();
    function getList() {
        $.ajax({
            type: 'get',
            url: '/admin/comment/search',
            data: arr,
            success: (res) => {
                console.log(res)
                let vavv = template('critic', res.data)
                // console.log(vavv);
                $('tbody').html(vavv);
                if (res.data.data.state === '已拒绝') {
                    $('.btn-f').css('display', 'none');
                }

                const totalCount = res.data.totalCount
                layerPager(totalCount)
            },
        })
    }



    //分页组件
    function layerPager(totalCount) {
        layui.use('laypage', function () {
            var laypage = layui.laypage
            // 执行一个 laypage 分页实例
            laypage.render({
                elem: 'test1', // 注意，这里的test1是 ID，不用加 # 号
                count: totalCount, // 数据总数，从服务端得到
                limit: arr.perpage, // 每页显示的条数。页容量
                curr: arr.page, // 颜色高亮的页
                // 当分页被切换时触发，函数返回两个参数：obj（当前分页的所有选项值）、first（是否首次，一般用于初始加载的判断）
                jump: function (obj, first) {
                    //obj包含了当前分页的所有参数，比如：
                    console.log(obj.curr) // 得到当前页，以便向服务端请求对应页的数据。
                    // console.log(obj) //得到每页显示的条数
                    // 更新请求的页码参数
                    arr.page = obj.curr
                    // 首次不执行
                    if (!first) {
                        // 🎃 重新获取列表数据，注意书写位置，否则容易出现死循环
                        getList()
                    }
                },
            });
        });
    }


    //审核通过
    $('tbody').on('click', '.btn-t', function () {
        // console.log(112);
        let id = $(this).attr('data-id')
        console.log(id);

        $.ajax({
            type: 'post',
            url: '/admin/comment/pass',
            data: { id },
            success: (res) => {
                console.log(res)
                if (res.code == 200) {
                    layer.msg(res.msg);
                    getList()
                }
            },
        })
    })

    //评论审核拒绝
    $('tbody').on('click', '.btn-f', function () {
        // console.log(555);
        let id = $(this).attr('data-id');
        // console.log(id);
        $.ajax({
            type: 'post',
            url: '/admin/comment/reject',
            data: { id },
            success: (res) => {
                console.log(res)
                if (res.code == 200) {
                    layer.msg(res.msg);
                    // $(this).css('display', 'none')
                    getList()
                }
            },
        })
    })

    //评论审核删除
    $('tbody').on('click', '.btn-d', function () {
        let id = $(this).attr('data-id');
        $.ajax({
            type: 'post',
            url: '/admin/comment/delete',
            data: { id },
            success: (res) => {
                console.log(res)
                layer.msg(res.msg);
                getList()
            },
        })
    })

})